<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>爱健鸿康</title>
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="16x16"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="18x18"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="20x20"
    />

    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/bootstrap-icons.css" />
    <link rel="stylesheet" href="static/css/font-awesome-pro.css" />
    <link rel="stylesheet" href="static/css/animate.css" />
    <link rel="stylesheet" href="static/css/glightbox.min.css" />
    <link rel="stylesheet" href="static/css/scrollCue.css" />
    <link rel="stylesheet" href="static/css/swiper-bundle.css" />
    <link rel="stylesheet" href="static/css/spacing.css" />
    <link rel="stylesheet" href="static/css/main.css" />
    <link rel="stylesheet" href="static/css/responsive.css" />


  </head>
  <body>
    <!-- Preloader -->
<custom-loading></custom-loading>

    <!-- Header -->
		<header-nav></header-nav>
    <!-- End Header Section -->

    <!-- Breadcrumb Section -->
    <!-- <section
      class="breadcrumb-section text-center pt-200 pb-140"
      style="background-image: url('static/image/breadcrumb.png')"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="content">
              <h2>Portfolio</h2>
              <ul>
                <li><a href="index.html">Home</a></li>
                <li>Portfolio</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <!-- Start Portfolio Section  -->
    <div class="portfolio-cate-section section-padding-2">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 align-self-center">
            <div class="portfolio-cate-list-full mb-40 text-center">
              <ul>
                <li data-filter="all">All</li>
                <li data-filter=".cloud">Cloud</li>
                <li data-filter=".data">Data Analaysis</li>
                <li data-filter=".mobile">Mobile Apps</li>
                <li data-filter=".technology">Technology</li>
              </ul>
            </div>
          </div>
        </div>

        <div class="row p-projects-full portF">
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix data">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-1.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-1.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix cloud mobile">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-2.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-2.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix technology">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/image/p-3.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/file/p-3.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix mobile">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-4.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-4.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix cloud">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-5.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-5.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix data">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-6.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-6.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix mobile">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-7.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-7.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix data">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-8.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-8.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
          <!-- Single -->
          <div class="col-lg-4 col-md-6 col-12 mb-30 mix technology">
            <div class="portfolio-item-single" data-cues="slideInUp">
              <div class="thumbnail">
                <img src="static/picture/p-9.png" alt="portfolio" />
              </div>
              <div class="zoom-icon">
                <a
                  class="image-popup"
                  data-gallery="portfolio1"
                  href="static/picture/p-9.png"
                  ><i class="fa-solid fa-plus"></i
                ></a>
              </div>
              <div class="content">
                <h2>
                  <a href="portfolio-details.html">Effective Solutions</a>
                </h2>
                <strong>Data Analaysis</strong>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Portfolio Section  -->

    <!-- Footer Start -->
		<footer></footer>
    <!-- Footer End -->

    <div class="scroll-area">
      <i class="fa-regular fa-arrow-up"></i>
    </div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/main.js"></script>
  </body>
</html>
